@font-face {
	font-family: DingTalk JinBuTi;
	src: url('../font/DingTalk_JinBuTi_Regular.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap; /* 在字体下载过程中使用系统字体，提升用户体验 */
}
/**
 * 通用css样式布局处理
 * Copyright (c) 2019 ruoyi
 */

/** 基础通用 **/
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt20 {
  padding-top: 20px;
}
.pr5 {
  padding-right: 5px;
}
.pb5 {
  padding-bottom: 5px;
}
.pb10 {
  padding-bottom: 10px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mr5 {
  margin-right: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb8 {
  margin-bottom: 8px;
}
.mb15 {
  margin-bottom: 15px;
}
.mt15 {
  margin-top: 15px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.mt10 {
  margin-top: 10px;
}
.mr10 {
  margin-right: 10px;
}
.mb10 {
  margin-bottom: 10px;
}
.ml0 {
  margin-left: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt40 {
  margin-top: 40px;
}
.mr20 {
  margin-right: 20px;
}
.ml20 {
  margin-left: 20px;
}
.ml30 {
  margin-left: 30px;
}
.mr30 {
  margin-right: 30px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.m20 {
  margin-left: 20px;
}
tr,
td {
  font-size: 12px;
}
.fb {
  font-weight: bold;
}
.fw300 {
  font-weight: 300;
}
.fs12 {
  font-size: 12px;
}
.fs13 {
  font-size: 13px;
}
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs30 {
  font-size: 30px;
}
.c999 {
  color: #999;
}
.c333 {
  color: var(--el-text-color-primary);
}

.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.color-white {
  color: #fff;
}
.color-warn {
  color: rgba(252, 65, 84, 1);
}
.color-default {
  color: var(--el-text-color-primary);
}
.color-info {
  color: #999;
}
.color-orange {
  color: #7b4801;
}
.color-deeper {
  color: #000;
}
.color-primary {
  color: var(--el-text-color-primary);
}
.color-regular {
  color: #707070;
}
.color-theme {
  color: var(--el-color-primary);
}
.op-7 {
  opacity: 0.7;
}
.font-dingtalk{
  font-family: DingTalk JinBuTi;
}

.link-btn {
  --text-color: var(--el-color-primary);
  --hover-text-color: var(--el-color-primary);
  color: var(--text-color);
  cursor: pointer;
  &.inherit{
    --text-color: inherit;
  }
  &.hasline {
    text-decoration: underline;
  }
  &:hover {
    color: var(--hover-text-color);
    &:not(.unline){
      text-decoration: underline;
    }
  }
}

.pointer {
  cursor: pointer;
}

.hover-underline:hover {
  text-decoration: underline;
}

.el-message-box.w500 {
  width: 500px !important;
  max-width: 500px;
}

@keyframes load4 {
  0%,
  100% {
    box-shadow:
      0 -12px 0 0.8px,
      8px -8px 0 0px,
      12px 0 0 -4px,
      8px 8px 0 -4px,
      0 12px 0 -4px,
      -8px 8px 0 -4px,
      -12px 0 0 -4px,
      -8px -8px 0 0;
  }

  12.5% {
    box-shadow:
      0 -12px 0 0,
      8px -8px 0 0.8px,
      12px 0 0 0,
      8px 8px 0 -4px,
      0 12px 0 -4px,
      -8px 8px 0 -4px,
      -12px 0 0 -4px,
      -8px -8px 0 -4px;
  }

  25% {
    box-shadow:
      0 -12px 0 -2px,
      8px -8px 0 0,
      12px 0 0 0.8px,
      8px 8px 0 0,
      0 12px 0 -4px,
      -8px 8px 0 -4px,
      -12px 0 0 -4px,
      -8px -8px 0 -4px;
  }

  37.5% {
    box-shadow:
      0 -12px 0 -4px,
      8px -8px 0 -4px,
      12px 0px 0 0,
      8px 8px 0 0.8px,
      0 12px 0 0px,
      -8px 8px 0 -4px,
      -12px 0px 0 -4px,
      -8px -8px 0 -4px;
  }

  50% {
    box-shadow:
      0 -12px 0 -4px,
      8px -8px 0 -4px,
      12px 0 0 -4px,
      8px 8px 0 0px,
      0 12px 0 0.8px,
      -8px 8px 0 0,
      -12px 0px 0 -4px,
      -8px -8px 0 -4px;
  }

  62.5% {
    box-shadow:
      0 -12px 0 -4px,
      8px -8px 0 -4px,
      12px 0 0 -4px,
      8px 8px 0 -4px,
      0 12px 0 0,
      -8px 8px 0 0.8px,
      -12px 0 0 0,
      -8px -8px 0 -4px;
  }

  75% {
    box-shadow:
      0px -12px 0 -4px,
      8px -8px 0 -4px,
      12px 0px 0 -4px,
      8px 8px 0 -4px,
      0 12px 0 -4px,
      -8px 8px 0 0,
      -12px 0px 0 0.8px,
      -8px -8px 0 0;
  }

  87.5% {
    box-shadow:
      0px -12px 0 0,
      8px -8px 0 -4px,
      12px 0 0 -4px,
      8px 8px 0 -4px,
      0 12px 0 -4px,
      -8px 8px 0 0,
      -12px 0px 0 0,
      -8px -8px 0 0.8px;
  }
}

@keyframes fyzs-show-to-scaleX {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scale(1);
  }
}

.el-button.el-button--gradient-primary {
  // background: linear-gradient(156.8deg, #FF60DC 5.67%, var(--el-color-primary) 92.67%);
  background: linear-gradient(
    156.8deg,
    var(--el-color-primary) 5.67%,
    var(--el-color-primary) 92.67%
  );
  --el-button-text-color: #fff;
  --el-button-hover-text-color: #fff;
  border: 0;
  &:hover:not(.is-plain) {
    box-shadow: 0px 4px 20px 0px #832fff33;
  }
  &.is-plain {
    border: 0;
    background: linear-gradient(
      156.8deg,
      rgb(var(--el-color-regular-rgb), 0.1) 5.67%,
      rgb(var(--el-color-primary-rgb), 0.1) 92.67%
    );
    > span {
      // background: linear-gradient(156.8deg, #FF60DC 5.67%, var(--el-color-primary) 92.67%);
      background: linear-gradient(
        156.8deg,
        var(--el-color-primary) 5.67%,
        var(--el-color-primary) 92.67%
      );
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
    }
    &:hover {
      background: linear-gradient(
        156.8deg,
        rgb(var(--el-color-regular-rgb), 0.2) 5.67%,
        rgb(var(--el-color-primary-rgb), 0.2) 92.67%
      );
    }
  }
}
.el-overlay {
  background-color: transparent !important;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}